//加载完界面后绑定对应逻辑
$(function () {
    //自定义 表单提交按钮被点击后 该执行的方法
    $("#uploadForm").submit(upload)
})

function upload() {
    $.ajax({
        url: "http://upload-z2.qiniup.com",
        method: "post",
        //不要将 上传的东西转为字符串  因为这里我们要上传的是文件
        processData: false,
        // 浏览器会自动 设置 不让jquery去设置 因为这里有一个边界问题 必须自动生成
        contentType: false,
        //传文件时 需要特殊处理   $("#uploadForm")这是jquery对象 本质是dom对象的数组
        data: new FormData($("#uploadForm")[0]),
        success: function (data) {
            //七牛云 返回的就直接是 json
            if (data && data.code ==0){
            //    更新头像访问路径
                $.post(
                    CONTEXT_PATH+"/user/header/url",
                    {"fileName":$("input[name='key']").val()},
                    function (data) {
                        //我们服务器统一返回的是 字符串
                        data = $.parseJSON(data)
                        if (data.code ==0){
                            window.location.reload()
                        }else {
                            alert(data.msg)
                        }
                    }
                )
            }else {
                alert("上传失败")
            }
        }
    })


    //代表不提交 表单了 上面逻辑已经处理完了
    //原因是 form中没有写 action 提交就会出问题
    return false;
}

